<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 箭头函数就是声明函数时将function关健字替换为一个箭头的函数
        // 箭头函数的内部的this指向指向箭头函数声明时所在的对象

        // function fn() {

        // }

        // var fn = () => {}
        // 当箭头函数只有一个参数时可以省略小括号
        // var fn = a => a
        // function fn(a) {
        //     return a
        // }
        // console.log(fn('德玛西亚'))
        // 箭头函数也可以直接返回一个简单的逻辑 当箭头函数没有参数或者参数数量大于1的时候不能省略小括号
        // var fn = (a, b) => a + b
        // function fn(a, b) {
        //     return a + b
        // }
        // console.log(fn(2, 3))
        // var fn = () => ({name: "张三"})
        // console.log(fn())
        // var fn = () => {

        // }

        // var obj = {
        //     name: "张三",
        //     fun() {
        //         setTimeout(() => {
        //             console.log(this)
        //         }, 1000)
        //     }
        // }
        // obj.fun()
    </script>
</body>
</html>